<template>
    <div class="login_bg">
      <div class="login_box">
        <el-descriptions title="个人中心" direction="vertical" :column="3" border>
        <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
        <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
        <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
        <el-descriptions-item label="性别" >男</el-descriptions-item>
        <el-descriptions-item label="角色" >律师</el-descriptions-item>
        <el-descriptions-item label="备注">
            <el-tag size="small">学校</el-tag>
        </el-descriptions-item>
        <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
        </el-descriptions>
      </div>
    </div>
  </template>
  
  <script>
  import { login } from '@/api/login'
  import { getToken, setToken, removeToken } from '@/utils/auth'
  export default {
    data () {
      return {
        ruleForm: {
          username: '',
          password: ''
        },
        rules: {
          username: [
            { required: true, message: '请输入用户名', trigger: 'blur' }
          ],
          password: [
            { required: true, message: '请输入密码', trigger: 'blur' }
          ]
        }
      }
    },
    methods: {
      submitForm (formName) {
        this.$router.push('/home')
        // this.$refs[formName].validate(async valid => {
        //   if (valid) {
        //     login(this.ruleForm).then(res => {
        //       console.log(res)
        //       if (res.state !== 200) return this.$message.error(res.message)
        //       this.$message.success('登录成功')
        //       setToken(res.message)
        //       window.sessionStorage.setItem('token', res.message)
        //       this.$router.push('/home')
        //     })
        //   } else {
        //     console.log('error submit!!')
        //     return false
        //   }
        // })
      },
      resetForm (formName) {
        this.$refs[formName].resetFields()
      }
      // copy () {
      //   const copy_text = '第一行需要复制的内容\r\n第二行需要复制的内容'// 拿到想要复制的值
      //   // 使用Clipboard API复制文本到剪贴板中
      //   navigator.clipboard.writeText(copy_text).then(() => {
      //     alert('复制成功！')
      //   }).catch((err) => {
      //     alert('复制失败！')
      //   })
      // }
    }
  }
  </script>
  
  <style lang="scss" scoped>
  .login_bg {
    background-color: #11054F;
    height: 100%;
    .login_box{
      width: 60%;
      height: 60%;
      background-color: #fff;
      position: absolute;
      left: 55%;
      top: 50%;
      transform: translate(-50%,-50%);
      padding: 28px;
      .demo-ruleForm{
        margin-top: 28px;
      }
    }
  }
  </style>
  